<ul>
   <li class='active has-sub'><a href='#'><span>BJJ</span></a>
      <ul>
              <li><a href='#'><span>정의</span></a></li>
              <li><a href='#'><span>유래</span></a></li>
              <li><a href='#'><span>유도와의 관계</span></a></li>
              <li><a href='#'><span>그레이시 가문</span></a></li>
              <li class='last'><a href='#'><span>한국에서의 주짓수</span></a></li>
      </ul>
   </li>
   <li class='active has-sub'><a href='#'><span>Products</span></a>
      <ul>
         <li class='has-sub'><a href='#'><span>Product 1</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
               <li class='last'><a href='#'><span>Sub Product</span></a></li>
            </ul>
         </li>
         <li class='has-sub'><a href='#'><span>Product 2</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
               <li class='last'><a href='#'><span>Sub Product</span></a></li>
            </ul>
         </li>
      </ul>
   </li>
   <li class='active has-sub'><a href='#'><span>Belts</span></a>
      <ul>
              <li><a href='#' data-target="white.html"><span>White</span></a></li>
              <li><a href='blue'><span>Blue</span></a></li>
              <li><a href='red'><span>Red</span></a></li>
              <li><a href='brown'><span>Brown</span></a></li>
              <li class='last'><a href='balck'><span>Black</span></a></li>
      </ul>
   </li>
   <li><a href='#' data-target="belts.html"><span>Belts</span></a></li>
   <li><a href='#'><span>About</span></a></li>
   <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>